<!doctype html>
<html lang="en">
	<head>
	<meta charset="utf-8"/>
		<title>Certificate of Completion</title>
		<link href="styles/styles.css" rel="stylesheet" type="text/css"/>
		<script  src="SCORM_API_wrapper.js" type="text/javascript"></script>
		<script src="scripts/scormscript.js" language="javascript"></script>
		<script src="scripts/sessionstorage.1.4.js" language="javascript"></script>
	</head>
	<body id="bodyassessment" onload="javascript:insertName();">
	
		<nav>
			<div id="drop" align="center">
					<ul>
						<li id="option0"><a href="intro.html">Intro Page</a></li>
						<li id="option1"><a href="profile.html">Profile Page</a></li>
						<li id="option2"><a href="#">Nutrition</a>
							<ul id="option2">
								<li><a href="nutrition-myths.html">Myths of Nutrition</a></li>
								<li><a href="nutrition1.html">Nutrition 101</a></li>
								<li><a href="nutrition2.html">Nutrition 201</a></li>
							</ul>
						</li>
						<li id="option3"><a href="#">Exercise</a>
							<ul id="option3">
								<li><a href="exercise-myths.html">Myths of Exercise</a></li>
								<li><a href="targetheartrate.html">Target Heart Rate</a></li>
								<li><a href="exercise1.html">Exercise 101</a></li> 
							</ul>
						</li>
						<li id="option4"><a href="#">Massage</a>
							<ul id="option4">
								<li><a href="massage-myths.html">Myths of Massage</a></li> 
								<li><a href="massage1.html">Massage 101</a></li> 
								<li><a href="massage2.html">Personalizing Your Massage</a></li> 
							</ul>
						</li>
						<li id="optionX"><a href="assessment.html">Final Assessment</a>
							<ul id="optionX">
								<li><a href="certificate.html">Certificate of Completion</a></li>
							</ul>
							</li>
						</ul>
					</ul>
				</div>
			</nav>
		
		<header>
			<div align="center"><h1>Congratulations!</h1></div>
		</header>
		
		<div id="spacing">
			<article>
				<div align="center">
				<div id="certificateName"> </div>
					<h3>You have successfully completed Health and Fitness 101. You are ready to begin a new journey of health and fitness.</h3>
	
		<br/>
		<img src="images/certificate1.jpg" alt="certificate" title="Certificate of Completion" width="700" height="600"></div><br/><br/>
		
		<div align="center">
		    <section>
			    <audio controls="controls" autoplay="autoplay">
		  			<source src="audio/conclusion.ogg" type="audio/ogg"/>
		 		 	<source src="audio/conclusion.mp3" type="audio/mpeg"/>
				</audio>
			</section>
		</article>
		
		<footer>
			<div align="center"><h6><em>Certificate template taken from <a href="http://englishgenie.com/wp-content/uploads/2013/02/Certificate_of_Recognition-template.jpg">EnglishGenie.com</a>.
			</h6></em></div>
		</footer>
		</div>
	</body>
</html>